@CHARSET "UTF-8";

html,body {
	height: auto;
}

body {
	font-family: "Microsoft Yahei";
	font-size: 14px;
	color: #333;
	background-color: #ECECEC;
}

div#home_link {
	width: 100%;
	height: 50px;
	margin: 20px 0 15px 0;
	background-color: #f9f9f9;
}

div#home_link ul {
	display: block;
	height: 100%;
	padding-left: 60px;
	background: url(../../img/icon_home.png) no-repeat 20px 12px;
}

div#home_link ul li {
	color: #BBCCDD;
	float: left;
	list-style: none;
	padding: 0 5px 0 5px;
	height: 50px;
	line-height: 50px;
	text-shadow: 1px 1px 0px #fff;
}

div#home_link ul li.current {
	color: #F4BA0B;
	font-weight: bold;
}

div#container {
	margin: 10px 15px 15px 15px;
	border: 1px solid #b6b6b6;
	border-bottom-width: 8px;
	background: #f6f6f6;
	*padding-bottom: 10px; /* IE中margin-bottom无效解决办法 */
}

div#container {
	min-width: 820px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

/***************************************************************************

	查询条件类型框架

 ***************************************************************************/
div#container .fieldset_container {
	width: 98%;
	min-width: 802px;
	margin: 10px auto 10px auto;
}

div#container .fieldset_container fieldset {
	border: 1px solid #ddd;
}

div#container .fieldset_container fieldset legend {
	font-weight: bold;
	padding: 2px 20px 2px 20px;
	border: 1px solid #ddd;
	color: #A65BC1;
	background: #EFE5EB;
}

div#container .fieldset_container2 fieldset legend {
	font-weight: bold;
	padding: 2px 20px 2px 20px;
	border: 1px solid #ddd;
	color: #A65BC1;
	background: #EFE5EB;
}


.fieldset_container ul li {
	list-style: none;
	float: left;
	min-width: 200px;
	padding-right: 20px;
}
.fieldset_container2 ul li {
	list-style: none;
	float: left;
	min-width: 200px;
	padding-right: 6px;
}
.fieldset_container ul li label {
	display: block;
	min-width: 80px;
	text-align: right;
	line-height: 25px;
	float: left;
}

.fieldset_container ul li.controlbar {
	padding-left: 10px;
	padding-right: 10px;
}

.fieldset_container ul li.controlbar input[type='button'] {
	width: 89px;
}

/***************************************************************************

	常用分页表格数据列表样式

 ***************************************************************************/
div#container #title {
	color: #ffffff;
	font-weight: bold;
	height: 45px;
	line-height: 45px;
	background: #E2CCE5;
	padding-left: 20px;
}

.form_table label {
	display: block;
	text-align: right;
	padding-left: 10px;
	float: left;
}

.form_table td select {
	display: block;
	float: left;
	margin-right: 10px;
}

.form_table td input {
	display: block;
	float: left;
	margin-right: 10px;
}

div#container table {
	width: 98%;
	min-width: 800px;
	margin: 10px auto 10px auto;
	border-collapse: collapse;
}

div#container table th,div#container table td {
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid #D0D0D0;
}

div#container table td {
	
}

div#container table tr[class=fields] {
	background: #EFE5EB;
}

div#container table tr[class=fields] th {
	height: 40px;
	line-height: 26px;
	padding-left: 10px;
	background: #EFE5EB;
}

div#container table tr.odd_row {
	background: #f6f6f6;
}

div#container table tr.even_row {
	background: #fcfcfc;
}

div#container .simple_table {
	background: #fcfcfc;
	border: 1px solid #d0d0d0;
}

div#container .simple_table th,div#container .simple_table td {
	border: none;
	padding: 5px 10px 5px 10px;
	height: 30px;
	line-height: 30px;
}

div#container .simple_table label {
	font-weight: bold;
}

.caption {
	color: #bbb;
	font-weight: normal;
	font-size: 12px;
	font-style: italic;
}

.valid {
	color: #9c0;
	font-weight: normal;
	font-size: 12px;
	font-style: italic;
}

div#caption,div.remark {
	width: 95%;
	min-height: 20px;
	margin: 0 auto;
	padding: 0 10px 5px 0;
	color: #778899;
	overflow: hidden;
}

div.remark .title {
	color: #C679B5;
	font-size: 15px;
	display: block;
	padding-top: 10px;
}

div#caption ul {
	
}

div#caption ul li img {
	vertical-align: middle;
	margin: 0 5px 2px;
}

div#caption ul li,div#remark ul li {
	display: inline-block;
	font-size: 12px;
	-height: 22px;
	min-height: 22px;
	line-height: 22px;
	list-style: none;
	float: left;
	margin-right: 5px;
	border: 1px dotted #d0d0d0;
	padding: 2px 5px 2px 5px;
	background: #f9f9f9;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

div.remark ul li {
	display: block;
	float: none;
	border: none;
	color: #789;
	padding: 2px 15px 2px 15px;
}

div#controlbar,div.controlbar {
	width: 96%;
	min-height: 20px;
	margin: 0 auto;
	padding: 10px 0 25px 0;
}

/*按钮样式*/
input[type=submit],input[type=button],input[type=reset],a.button {
	width: auto;
	height: 30px;
	margin: 0;
	cursor: pointer;
	color: #345;
	padding-left: 15px;
	padding-right: 15px;
	background-color: #D0E6F3;
	background: url(../../img/btn_bg.png) center;
	border: 1px solid #678;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

a.button {
	display: inline-block;
	width: auto;
	height: 20px;
}

a.add,a.del,a.search,a.arrow,a.arrow-down,a.arrow-up {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin: 0 2px 0 2px;
	*margin: 0 2px 3px 2px; /**IE**/
}

a.add {
	background: url("../../img/add.png");
}

a.del {
	background: url("../../img/del.png");
}

a.search {
	background: url("../../img/search.png");
}

a.arrow {
	background: url("../../img/arrow.png");
}

a.arrow-down {
	background: url("../../img/arrow-down.png");
}

a.arrow-up {
	background: url("../../img/arrow-up.png");
}

span.confirmed {
	background: #D5B1F8;
	color: #ffffff;
}

span.completed {
	background: #E7F8B1;
	color: #00B22D;
}

span.expired {
	background: #cccccc;
	color: #EDEDED;
}

input[type=submit]:hover,input[type=button]:hover,input[type=reset]:hover,a.button:hover
	{
	border: 1px solid #345;
	color: #222;
}

.emptyline {
	width: 100%;
	height: 30px;
	display: inline-block;
}

div#pager {
	margin: 0 auto;
}

#pagination li {
	float: left;
	display: block;
	min-width: 20px;
	margin: 0 2px 0 2px;
	text-align: center;
	font-size: 14px;
	list-style: none;
}

#pagination .previous-off,#pagination .next-off,#pagination .current,#pagination li a,#pagination .pageinfo,#pagination .first-off,#pagination .end-off
	{
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#pagination .previous-off,#pagination .next-off,#pagination .current,#pagination .pageinfo,#pagination .first-off,#pagination .end-off
	{
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0 5px;
}

#pagination li a {
	padding: 0 11px 0 11px;
	display: block;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border: 1px solid #B4B4B4;
	background: #fff;
}

#pagination .current {
	color: #fff;
	font-weight: bold;
	border: 1px solid #B4B4B4;
	background-color: #E2CCE5;
}

#pagination .omit {
	color: #abc;
	display: block;
	height: 18px;
	line-height: 30px;
	padding: 0 3px;
}

#pagination .pageinfo {
	color: #fff;
	padding: 0 15px 0 15px;
	font-weight: bold;
	border: 1px solid #fff;
	background-color: #E2CCE5;
}

#pagination .previous-off,#pagination .next-off,#pagination .first-off,#pagination .end-off
	{
	color: #ccc;
	padding: 0 11px 0 11px;
	border: 1px solid #B4B4B4;
	background: #f6f6f6;
}

#pagination a:link,#pagination a:visited {
	color: #333;
}

#pagination a:hover {
	background: #E2CCE5;
	color: #fff;
	border-color: #fff;
}